import Vue from 'vue';
import Message from '../form/Message';

export default (message, type, duration = 2000) => {
    // 使用 vue 的渲染函数，来渲染组件
    const ins = new Vue({
        render: (h) => h(Message, { props: { message, type } }),
    }).$mount();
    // 拿到组件实例
    const children = ins.$children[0];
    // 拿到组件实例的 DOM，挂载到页面上
    document.body.appendChild(children.$el);
    setTimeout(() => {
        document.body.removeChild(children.$el);
        ins.$destroy();
    }, duration);
};
